<template>
  <view class="uno-text-xl uno-font-bold">
    text-color
  </view>
  <tm-divider />
  <view class="uno-text-transparent">
    text-transparent
  </view>
  <view class="uno-text-gray-500">
    text-gray-500
  </view>
  <view class="uno-text-red-500">
    text-red-500
  </view>
  <view class="uno-text-yellow-500">
    text-yellow-500
  </view>
  <view class="uno-text-blue-500">
    text-blue-500
  </view>
  <view class="uno-text-green-500">
    text-green-500
  </view>
  <view class="uno-text-gray-500_50">
    text-gray-500_50
  </view>
  <view class="uno-text-gray-500:50">
    text-gray-500:50
  </view>
  <view class="uno-text-gray-500/50">
    text-gray-500/50
  </view>
  <view class="uno-text-red-500_50">
    text-red-500_50
  </view>
  <view class="uno-text-red-500:50">
    text-red-500:50
  </view>
  <view class="uno-text-red-500/50">
    text-red-500/50
  </view>
  <view class="uno-text-yellow-500_50">
    text-yellow-500_50
  </view>
  <view class="uno-text-yellow-500:50">
    text-yellow-500:50
  </view>
  <view class="uno-text-yellow-500/50">
    text-yellow-500/50
  </view>
  <view class="uno-text-blue-500_50">
    text-blue-500_50
  </view>
  <view class="uno-text-blue-500/50">
    text-blue-500/50
  </view>
  <view class="uno-text-blue-500:50">
    text-blue-500:50
  </view>
  <view class="uno-text-green-500_50">
    text-green-500_50
  </view>
  <view class="uno-text-green-500:50">
    text-green-500:50
  </view>
  <view class="uno-text-green-500/50">
    text-green-500/50
  </view>
  <view class="uno-c-hex-157_60">
    c-hex-157_60
  </view>
  <view class="uno-c-hex-157/60">
    c-hex-157/60
  </view>
  <view class="uno-c-[#157]/60">
    c-[#157]/60
  </view>
  <view class="uno-c-[#157]_60">
    c-[#157]_60
  </view>
  <view class="uno-c-[#157]:60">
    c-[#157]:60
  </view>
  <view class="uno-c-[#196]/50">
    c-[#198]
  </view>
</template>
